<template>
  <div>
    <Header />
    <div class="back">
       <div class="container">
        <Nested :list='nestedList' />
          <universityNavList style="margin-top: 0; padding: 25px 0;" />
        <div class="content2">
          <universityList class="list" />
          <div>
            <universityCompare />
            <universityPopular />
          </div>
        </div>
      </div>
      <Footer />
    </div>
  </div>
</template>

<script lang="ts" setup>
import Header from '../../components/header/index.vue'
import Nested from '@/components/nested/index.vue'
import universityCompare from '@/components/universityCompare/index.vue'
import universityPopular from '@/components/universityPopular/index.vue'
import universityNavList from '@/components/universityNavList/index.vue'
import universityList from '@/components/universityList/index.vue'
import Footer from '@/components/footer/index.vue'
import { ref } from 'vue'
import { NestedType } from '@/components/nested/nested';





const nestedList = ref<NestedType[]>([{ name: '首页', path: '/' }, { name: '院校库', path: '/university' }])


</script>

<style lang="less" scoped>
@import './index.less';
</style>
